<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<%
 String context = request.getContextPath();
%>
				
				<div id="content">
					<div class="post">
						<h2 class="title"><a href="#">Albumes destacados</a></h2>
						<div style="clear: both;">&nbsp;</div>
						<div class="entry">
							<c:if test="${empty personas}">
								No existen álbums.
							</c:if>
							<c:if test="${not empty personas}">
								<c:forEach items="${personas}" var="persona">
									<div class="album-resumen">
										<img src="<%=context%>/imagen/${persona.id}/perfil" class="image-profile"/>
										<p><a href="<%=context%>/perfil/${persona.id}/${persona.user.username}/albums">${persona.user.username}</a></p>
										<p>Albums: ${fn:length(persona.albums)}</p>
									</div>
								</c:forEach>
							</c:if>
						</div>
					</div>
					<div style="clear: both;">&nbsp;</div>
				</div>